import React, { useState, useEffect } from 'react'
import DefStyle from './css/index.module.css'
import Axios from 'axios'
// import OldKeyWord from './css/oldKeyWord.module.css'
import NewKeyWord from './css/newKeyWord.module.css'
import Star from '../../img/star.png'
function Index() {
    const [data, setData] = useState([])
    const [type1, setType1] = useState('苏州')
    useEffect(() => {
        let url: string = `/get_house?type=${type1}`
        fetch(url)
            .then(response => response.json())
            .then(data => {
                setData(data.res)
            })
    }, [])

    return (
        <div>
            <div className={DefStyle.PreferentialListings}>
                <div className={DefStyle.preferentialListings_title}>
                    探索重庆的精彩之地
                </div>
                {/* <span className={DefStyle.title_detail}>品质房源，低至5折</span> */}
            </div>
            {/* 关键字查询 */}
            <div className={DefStyle.KeywordSearch}>
                {/* <div className={DefStyle.keyWord_li, DefStyle.oldkeyWord_li} > 苏州</div> */}
                <div className={DefStyle.keyWord_li} >皇冠大扶梯</div>
                <div className={DefStyle.keyWord_li}>千厮门大桥</div>
                <div className={DefStyle.keyWord_li}>洪崖洞商业街</div>
                <div className={DefStyle.keyWord_li}>北滨路</div>
                < div className={DefStyle.keyWord_li}>广州</div>
                <div className={DefStyle.keyWord_li}>李子坝轻轨</div>
                <div className={DefStyle.keyWord_li}>上清寺</div>
                <div className={DefStyle.keyWord_li}>山城步道</div>
            </div>
            {/*商品的展示区域 */}
            <div className={DefStyle.lookMore}>
                查看更多皇冠大扶梯房源
                <span className='iconfont icon-jiantou_liebiaoxiangyou'></span>
            </div>
        </div >
    )
}
export default Index;


